<!DOCTYPE html> 
<html>
  <head>
	<!--META-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.75">

	<!--CSS-->
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.structure.min.css" />
	<link rel="stylesheet" href="API/css/themes/default/jquery.mobile.theme.min.css" />
	<link rel="stylesheet" href="API/css/mycss.css" />
	<link rel="stylesheet" href="css/mycss.css" />
	
	<!--JS-->
	<script type="text/javascript" src="API/js/jquery.min.js"></script>
	<script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
	<script type="text/javascript" src="API/js/highcharts.js"></script>
    <script type="text/javascript" src="API/js/modules/exporting.js"></script>
	<script type="text/javascript" src="API/js/fonctions.js"></script>
	<script type="text/javascript" src="js/fonctions.js"></script>
	
	<script language="javascript" type="text/javascript">
		///////////////////
		//BLOCK VARIABLE GLOBAL
		///////////////////
		var id_page = 7;
	
		///////////////////
		//BLOCK FONCTIONS EVENEMENTS
		///////////////////
		$(document).on('pageinit',function() {
		    try {
				// Init commmun
				init_commun();
			
				// Init page
				var html = afficheAideIhm('');
				$("#main_content").append(html).trigger('create');
            }
            catch (er) {
                log(0, "ERROR(init_home):" + er.message);
            }
        });

		$(document).on('pageshow',function() {
			try {
				show_commun();
			}
			catch (er) {
				log(0, "ERROR(show):" + er.message);
			}
		});
		
		///////////////////
		//BLOCK FONCTIONS METIER
		///////////////////
		
		
		///////////////////
		//BLOCK FONCTIONS BD
		///////////////////
		
		
		///////////////////
		//BLOCK FONCTIONS AFFICHAGE
		///////////////////
		
	</script>
    
  </head>
  <body>
    
	<!-- page -->
	<div data-role="page">
	
		<!-- /panel -->
		<div data-role="panel" id="mypanel" data-display="overlay" data-position="left">

		</div>
		<!-- /panel -->
	
		<!-- header -->
		<div data-role="header" data-position="fixed" data-theme="c">
			<a href="#mypanel" data-role="button" data-icon="home" data-iconpos="notext">home</a>
			<h1 id="id_titre">titre</h1>
			<a href="javascript:window.location = ('./page_contact.html?mili='+getMilise());" data-role="button" data-icon="info" data-iconpos="notext">Contact</a>
		</div>
		<!-- /header -->

		<!-- content -->
		<div data-role="content" data-theme="c" id="main_content">
			
		</div>
		<!-- /content -->
		
		<!-- footer -->
		<div data-role="footer" data-position="fixed" data-theme="c">
			<a data-role="button" data-icon="search" data-iconpos="notext" class="ui-btn-left" href="javascript:window.location = ('./page_faq.html?mili='+getMilise());">FAQ</a>
			<h1 id="id_affichageUser">User</h1>
			<a data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" href="javascript:window.location = ('./page_sortie.html?mili='+getMilise());">Logout</a>
		</div>
		<!-- /footer -->
		
	</div>
	<!-- /page -->
</body>
</html>
